section{
    width: 100%;
    text-align: center;
}
section:nth-of-type(1){
    padding-top: 100px;
    background: url("../img/bg01.png")no-repeat center bottom;
}
section:nth-of-type(2){
    background: url("../img/bg02.gif")no-repeat center top;
}
section:nth-of-type(3){
    background: url("../img/bg03.png")no-repeat center top;
}
section:nth-of-type(4){
    background: #f7f7f7;
}
section h3{
    line-height: 80px;
    font-size: 3.1rem;
    background: url("../img/xiaosanjiao.png")no-repeat center bottom;
}
section p{
    line-height: 26px;
    color: #ababab;
}
.guanyu{
    height:672px;
}
.guanyu ul{
    //cursor: pointer;
    margin-top: 20px;
}
.guanyu ul li{
    float: left;
    width: 240px;
    height: 350px;
    border: 1px solid #e6e6e6;
    background: #fff;
    margin-right: 10px;
    position: relative;
}
.guanyu ul li:last-child{
    margin:0;
}
.guanyu ul li img{
    display: block;
    margin: 57px 52px 20px;
}
.guanyu ul li h4{
    font-size: 1.6rem;
    line-height: 35px;
}
.guanyu ul li p{
    font-size: 1.5rem;
    line-height: 35px;
}
.guanyu ul li span{
    position: absolute;
    left: 10px;
    top:10px;
    width:190px;
    height:268px;
    border: 1px solid #d5d5d5;
    background: #72b842;
    color: #fff;
    line-height: 25px;
    font-size: 1.4rem;
    font-weight: 900;
    text-align: left;
    padding: 30px 14px;
    transition:all 0.7s ease 0.1s;
    opacity: 0;
}
.guanyu ul li:hover>span{
    opacity: 1;
}
/*guanyu end*/
.wenhua{
    height: 632px;
    padding-top:140px ;
}
.wenhua ul{
    margin-top: 35px;
}
.wenhua ul li,.wenhua ul li img,.wenhua .li1{
    float: left;
}
.wenhua ul li:hover img{
    animation: swing 0.5s 1  ease-in;
}
@keyframes swing {
    0% {
        transform: rotate(0deg);
    }
    20% {
        transform: rotate(5deg);
    }
    60% {
        transform: rotate(7deg);
    }
    80% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.wenhua .li1{
    display: none;
    text-align: left;
    height: 346px;
    width:335px;
    background: #fff;
    padding: 30px 16px;
}
.wenhua .on{
    display: block;
}
.wenhua .li1 span{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #6c62cb;
    margin-right: 5px;
}
.wenhua .li1 h4{
    line-height: 40px;
    font-weight: 500;
}
.wenhua .li1 p{
    color: #8e8e8e;
}
/*wenhua end*/
.zizhi{
    height:641px;
    padding-top:130px;
}
.zizhi ul{
    margin-top: 30px;
}
.zizhi ul li{
    float: left;
}
.zizhi ul li:nth-of-type(1){
    margin-right: 14px;
}
.zizhi ul li:nth-of-type(4){
    margin-top: -160px;
}
.zizhi ul li:nth-of-type(3){
    margin-left: 72px;
}
.zizhi ul li:nth-of-type(3) img{
    border: 0;
}
.zizhi ul li img{
    transition: all 0.7s ease;
    border: 4px solid #fff;
}
.zizhi ul li:hover img{
    transform:scale(1.2);
}
/*zizhi end*/
.huodong{
    padding-top: 120px;
    height: 773px;
}
.huodong ul{
    margin-top: 25px;
    overflow: hidden;
}
.huodong ul li{
    float: left;
    width: 505px;
    height: 190px;
    background: #fff;
    padding: 5px 20px 5px 5px;
    margin-bottom: 25px;
    cursor: pointer;
    transition:all 0.5s ease 0.1s;
}
.huodong ul li img{
    float: left;
    margin-right: 20px;
}
.huodong ul li h4{
    text-align: left;
    font-size: 2rem;
    line-height: 75px;
}
.huodong ul li p{
    text-align: left;
    font-size: 1.4rem;
    line-height: 23px;
}
.huodong ul>img{
    float: right;
    margin-top: -148px;
    margin-right: 70px;
}
.huodong ul li:hover{
     box-shadow: 3px 2px 5px;
 }
.huodong ul li:hover p{
    color:#72b842;
}
/*section end*/














